<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>账号设置</title>
    <link rel="icon" href="image/biaoti.ico"/>
    <link href="css/AccountSettings.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/datedropper.css">
    <link rel="stylesheet" type="text/css" href="css/timedropper.min.css">
    <!--<link href="css/bootstrap.min.css" rel="stylesheet">-->
</head>
<body onload="init('province','city')">
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/AccountSetting.js"></script>
<script src="js/newsArea.js"></script>
<script src="js/areaSec.js"></script>
<script>
    $(function () {
        $.areaSelect({
            id: 'address'
        });
    })
</script>
<header class="">
    <div>
        <ul class="show_header">
            <li><span class="header_home"><a href="home.html">首页</a></span></li>
            <li><span class="header_hot"><a href="hot.html">热门</a></span></li>
            <li><span class="header_forum"><a href="forum.html">论坛</a></span></li>
            <li> <span class="header_information">信息</span></li>
            <li> <span class="header_set">设置
                <!--<div class="header_set_ul">-->
            <ul class="menu">
                <li class="menu_li"><a href="AccountSettings.html">账号设置</a></li>
                <li class="menu_li"><a href="Security.html">账号安全</a></li>
                <!--<li class="list-line"></li>-->
                <li class="menu_li"><a href="#">意见反馈</a></li>
                <li class="menu_li"><a href="#">帮助中心</a></li>
                <!--<li class="list-line"></li>-->
                <li class="menu_li"><a href="home.html">&nbsp;退出&nbsp;</a></li>
            </ul>
            </span></li>
        </ul>
    </div>
</header>
<main>
    <div class="all_main">
        <div class="set">
            账号设置
        </div>
        <div class="information currentSet">
            我的信息
        </div>
        <a href="Dermabrasion.html" style="text-decoration: none;color: black">
            <div class="picture">
                头像
            </div>
        </a>
        <div class="bottom-line"></div>
        <a href="Security.html" style="text-decoration: none;color: black">
            <div class="security">
                账号安全
            </div>
        </a>

        <div class="">
            &nbsp;
        </div>
        <div class="">
            &nbsp;
        </div>
        <div class="">
            &nbsp;
        </div>
    </div>
    <div class="main" style="display: block;">
        <div class="all">我的信息</div>
        <div class="name"><label><span class="username">昵称 &nbsp;&nbsp;</span><span class="name-center">wsk1103</span></label><span
                class="name-modify">修改</span></div>
        <div class="set-name">
            <div class="now-name"><span class="">现昵称</span><span class="now-name">wsk1103</span></div>
            <form action="" method="post">
                <div class="new-name"><span class="">新昵称</span>
                    <input type="text" name="name" class="new-name-text" maxlength="11" minlength="4">
                    <br>
                    <span class="name-tip">请输入4-11个字符</span>
                </div>
                <input type="submit" value="保存" class="preservation">
                <input type="button" value="关闭" class="close">
            </form>
        </div>
        <div class="tel"><label><span class="usertel">手机号码</span>
            <sapn class="tel-center">12345678912</sapn>
            <span class="tel-modify">修改</span>
        </label></div>
        <div class="set-tel">
            <div class="now-tel"><span class="">现手机号码</span><span class="now-tel">wsk1103</span></div>
            <form action="" method="post">
                <div class="new-tel"><span class="">新手机号码</span>
                    <input type="tel" name="tel" class="new-tel-text">
                </div>
                <input type="submit" value="保存" class="tel-preservation">
                <input type="button" value="关闭" class="tel-close">
            </form>
        </div>
        <div class="sex"><label><span class="usersex">性别&nbsp;&nbsp;</span><span class="sex-center">男</span><span
                class="sex-modify">修改</span>
            <!--<label><input type="radio" value="男" name="sex" checked="checked" id="sex">男</label>-->
            <!--<label><input type="radio" value="女" name="sex">女</label>-->
        </label></div>
        <div class="set-sex">
            <form action="" method="post">
                <div class="select"><span>性别选择</span>
                    <input type="radio" value="男" name="sex" checked class="select-sex">男
                    <input type="radio" value="女" name="sex" class="select-sex">女
                </div>
                <input type="submit" value="保存" class="sex-preservation">
                <input type="button" value="关闭" class="sex-close">
            </form>
        </div>
        <div class="birth"><label><span class="userbirth">生日&nbsp;&nbsp;</span><span
                class="birth--center">1995-11-03</span></label><span
                class="birth-modify">修改</span></div>
        <div>
            <form action="" method="post">
                <div class="set-birth">
                    <p>请选择日期：<input type="text" class="input" id="pickdate" name="birth"/></p><br/>
                    <input type="submit" value="保存" class="birth-preservation">
                    <input type="button" value="关闭" class="birth-close">
                </div>
            </form>
        </div>
        <div class="introduction"><label><span class="userintroduction">简介&nbsp;&nbsp;</span><span
                class="introduction-center">没有人能把谁的幸福没收</span></label><span
                class="introduction-modify">修改</span></div>
        <div class="set-introduction">
            <form action="" method="post">
                <div>
                    <div class="now-introduction"><span>原简介</span><span class="now-introduction">没有人能把谁的幸福没收</span>
                    </div>
                    <div class="new-introduction"><span>新简介</span><textarea class="introduction-text"
                                                                            name="introduction"
                                                                            rows="10" cols="30"
                                                                            maxlength="50"></textarea>
                    </div>
                    <div><span class="introduction-tip">请输入0-50个字符来介绍自己</span></div>
                    <input type="submit" value="保存" class="introduction-preservation">
                    <input type="button" value="关闭" class="introduction-close">
                </div>
            </form>
        </div>
        <div class="address"><label><span class="useraddress">住址&nbsp;&nbsp;</span>
            <sapn class="address-center">广东省-广州市</sapn>
            <span
                    class="address-modify">修改</span>
        </label></div>
        <div class="set-address">
            <form action="" method="post">
                <div>
                    <input type="text" id="address" autocomplete="off" readonly class="u-ipt u-ipt-lg" value="请选择城市">
                </div>
                <input type="submit" value="保存" class="address-preservation">
                <input type="button" value="关闭" class="address-close">
            </form>
        </div>
    </div>
</main>
<aside>
    <div class="my_header">
        <!--头像-->
        <div class="my_header_center">
            <img src="image/1.jpg" class="my_image_header">
        </div>
        <div class="my_username">
            <span>用户名</span>
        </div>
    </div>
    <div class="my_action">
        <div class="my_action_home my_action_now"><a href="home.html">我的首页</a></div>
        <div class="my_action_favorite"><a href="collection.html"> 我的收藏</a></div>
        <div class="my_action_good"><a href="good.html"> 我的赞</a></div>
    </div>
    <div class="my_friends">
        <!--好友列表-->
        <div class="my_friends_list">
            好友列表
        </div>
        <ul>
            <li>wsk1103</li>
        </ul>
        <div class="add_friends">
            <input type="text">
            <button>添加</button>
        </div>
    </div>
    <div class="all_search">
        <div class="my_friends_list">搜索</div>
        <div><input type="text" name="search" class="search" placeholder="搜索"></div>
        <button class="search_movie">电影</button>
        <button class="search_publish">影评</button>
        <button class="search_user">用户</button>
    </div>
</aside>
<script src="js/datedropper.min.js"></script>
<script src="js/timedropper.min.js"></script>
<script>
    $("#pickdate").dateDropper({
        animate: false,
        format: 'Y-m-d',
        maxYear: '2020'
    });
    $(function () {
        var menu = $('.menu');
        $('.header_set').mouseenter(function () {
            menu.css({left: 1010 + "px"});
            menu.show(1000);
        });
        $(menu).mouseleave(function () {
            menu.hide(1000);
        });
        $('li').mouseenter(function () {
            $(this).addClass('current');
            $(this).siblings().removeClass('current');
        });
        $('li').mouseleave(function () {
            $('li').removeClass('current');
        })
        $('.show_header').mouseleave(function () {
            $('.show_header').removeClass('current');
        })
    });
</script>
</body>
</html>